Canopy editor

once one pass, holds

A settings field is retyped and the page heading follows keystroke by keystroke, then Apply flashes. One pass; the end state is the resting state.

views/components/visuals/canopy-editor/v1.html

loop runs on screen

A block lifts out of the tree and swaps places with its neighbour; the page mirrors the new order. Alternates back so the loop never jumps.

views/components/visuals/canopy-editor/v2.html

once one pass, holds

Cutout on a citron ground: the editor window cropped at the bottom, the Add block panel as the standout bit. The cursor arrives on Testimonials, the row lights, it is pressed and a Testimonials section lands on the page. At card width only the panel shows.

views/components/visuals/canopy-editor/c1.html

once one pass, holds

Cutout on a citron ground: the real editor — header, the Pages / Blocks tree and the zinc canvas with the client page in it — cropped at the right and the bottom. The cursor takes Recipes feature by its grip and drags it above Product showcase; the row lifts, the drop line shows, the two swap, and the page follows a beat later. At card width the hero is dropped so both swapping sections fill the frame.

views/components/visuals/canopy-editor/c2.html